<head>
	 <meta charset="utf-8" />
	 <title>echarts中国地图数据</title>
	 <script type="text/javascript" src="js/echarts.min.js" ></script>
	 <script type="text/javascript" src="js/china.js" ></script>
</head>

<template>
	<div class="firstDiv">
		<div class="container" id="echarts">
			<div>
				<PageTop></PageTop>
				<div class="navigation_bar ">
					<ul class="nav nav-tabs nav-justified">
						<li class="nav-item"><a class="nav-link" href="/#/home">首页</a></li>
						<li class="nav-item"><a class="nav-link" href="/#/mnzy">模拟填志愿</a></li>
						<li class="nav-item"><a class="nav-link" href="/#/schoolQuery">查学校</a></li>
						<li class="nav-item"><a class="nav-link" href="/#/major">查专业</a></li>
						<!-- <li class="nav-item"><a class="nav-link" href="/">智能选大学</a></li> -->
						<li class="nav-item"><a class="nav-link" href="/#/echarts">高考大数据</a></li>
						<li class="nav-item"><a class="nav-link" href="/#/chat">在线答疑</a></li>
					</ul>
				</div>
			</div>

			<el-scrollbar height="100%">
				<div>
					<SchoolMap></SchoolMap>
				</div>
			</el-scrollbar>
			<div class="charts">
				<div class="right">
					<el-scrollbar height="100%">
						<div>
							<areaEcharts></areaEcharts>
						</div>
						<div>
							<postEcharts></postEcharts>
						</div>
					</el-scrollbar>
				</div>
			</div>
			<div class="page-bottom">
				<PageBottom></PageBottom>
			</div>
		</div>
	</div>
</template>

<script>
	import areaEcharts from '../majorInfo/areaEcharts.vue'
	import postEcharts from '../majorInfo/postEcharts.vue'
	import PageTop from '../../components/basic/PageTop.vue'
	import PageBottom from '../../components/basic/PageBottom.vue'
	import {defineComponent,ref,getCurrentInstance,onMounted,} from "vue";
	import axios from 'axios'
	import qs from 'qs'
	import SchoolMap from '../../components/Charts/SchoolMap.vue'

	export default {
		created() {
			this.class = [{"专业一":'软件工程'},{'专业二':'应用物理'}];
		},
		data(){
			return{
				class:'',
				majorInfo: {
					majorSection: '',
					majorClass: '',
					majorName: '',
					majorLevel: '本科'
				},
			}
		},
		methods:{
		},
		components:{
			PageTop,
			PageBottom,
			SchoolMap,
			areaEcharts,
			postEcharts
		}
	}
</script>

<style scoped>
	.firstDiv{
		background-image: url(../../assets/backimg5.png);
	}
	.navigation_bar {
		margin-top: 30px;
	}


	.navigation_bar ul.nav>li>a {
		color: #000000;
		font-size: 17px;
		font-weight: 560;
	}

	#echarts .page-bottom{
		margin-top: 50px;
	}
	.firstDiv .container .charts{
		display: flex;
		justify-content: start;
	}
	.firstDiv .container .charts .left{
		border: 1px solid #000;
		width: 20%;
		min-width: 150px;
	}
	.firstDiv .container .charts .right{
		margin-left: 5%;
		width: 75%;
	}
</style>
